<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>律师事务所</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">

</head>

<body>
	<div id="top">返回顶部</div>
    <!-- 头部 -->
    <div class="div1">
        <main class="container">
            <p class="p1">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</p>
            <p class="p2">咨询热线：<span class="tel">400-XXX-XXXX</span></p>
        </main>
    </div>
    <!-- 导航 -->
    <header>
        <div class="container">
            <a href="index.html" class="logo">
                <img src="images/logo.png" alt="" width="50px" />
            </a>
            <a href="index.html" class="wen1">XXXX律师事务所</a>
            <nav>
                <p href="index.html" class="selected">首页</p>
                <a href="aboutus.html">关于我们</a>
                <a href="service.html">服务项目</a>
                <a href="cases.html">成功案例</a>
                <a href="team.html">律师团队</a>
                <a href="news.html">新闻动态</a>
                <a href="contact.html">联系方式</a>
            </nav>
        </div>
    </header>
    <!--横幅-->
    <div class="banner">
        <div class="container">
            <div class="div2">
                <h1>为您排忧解难<br />是我们最重要的事</h1>
            </div>
            <p>咨询热线：400-XXX-XXXX</p>
        </div>
    </div>
    <!-- 主体部分 -->
    <section class="main_body">
        <div class="container">
            <div class="ss">
                <main class="ss_1">
                    <div>
                        <a href="team.html">
                            <img src="images/p1_act0.png" alt="" width="60px">
                            <p>找律师</p>
                        </a>
                    </div>
                    <div>
                        <a href="service.html">
                            <img src="images/p2_819t.png" alt="" width="60px">
                            <p>选服务</p>
                        </a>
                    </div>
                    <div>
                        <a href="cases.html">
                            <img src="images/p3_g51q.png" alt="" width="60px">
                            <p>看案例</p>
                        </a>
                    </div>
                    <div class="ss_4">
                        <a href="contact.html">
                            <img src="images/p4_q67r.png" alt="" width="60px">
                            <p>要咨询</p>
                        </a>
                    </div>
                </main>
                <!-- 服务项目 -->
                <main class="cf ss_2 ">
                    <div class="sp">服务项目
                        <p>SERVICE</p>
                    </div>
                </main>

            </div>
        </div>
        <section class="container pic">
            <div class="pic_1">
                <div class="pic_2">
                    <img src="images/service-1_sg54.jpg" alt="">
                </div>
                <div class="pic_3">
                    <ul>
                        <li>
                            <img src="images/service-sub-1_tfeb.jpg" alt="" width="250px">
                            <a href="#">合同纠纷</a>
                        </li>
                        <li>
                            <img src="images/service-sub-2.jpg" alt="" width="250px">
                            <a href="#">劳务纠纷</a>
                        </li>

                        <li>
                            <img src="images/service-sub-3.jpg" alt="" width="250px">
                            <a href="#">房产纠纷</a>
                        </li>
                        <li>
                            <img src="images/service-sub-4.jpg" alt="" width="250px">
                            <a href="#">股权纠纷</a>
                        </li>
                        <li>
                            <img src="images/service-sub-5.jpg" alt="" width="250px">
                            <a href="#">知识产权</a>
                        </li>
                        <li>
                            <img src="images/service-sub-6.jpg" alt="" width="250px">
                            <a href="#">借贷纠纷</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bg"><img src="images/index-p1-bg.png" alt=""></div>
        </section>
        <!-- 经典案例 -->
        <section class="container cf">
            <div class="classic_case">
                <main class="cf ss_2 ">
                    <div class="sp">经典案例
                        <p>SERVICE</p>
                    </div>
                </main>
                <div class="case_1">
                    <div class="anli1">
                        <img src="images/anli1.jpg" alt="" width="250px" height="150px">
                        <ul>
                            <li class="contract">合同纠纷</li>
                            <li>杭州某公司与上海某公司合作多年，2016年为后者提供某某某服务，服务结束后，经多次催讨无果，故决定起诉。
                            </li>
                            <li><a href="">详情></a></li>
                        </ul>
                    </div>
                    <div class="anli1">
                        <img src="images/anli2.jpg" alt="" width="250px" height="150px">
                        <ul>
                            <li class="contract">借贷纠纷</li>
                            <li>乙先生于2015年借款给甲先生，甲先生承诺在2016年某月某日前将借款全部还清，未兑现。
                            </li>
                            <li><a href="">详情></a></li>
                        </ul>
                    </div>
                    <div class="anli1">
                        <img src="images/anli3.jpg" alt="" width="250px" height="150px">
                        <ul>
                            <li class="contract">劳务纠纷</li>
                            <li>甲先生与2015年至2016年间为某公司员工，某公司一直拖欠甲先生2016年6月至12月工资。
                            </li>
                            <li><a href="">详情></a></li>
                        </ul>
                    </div>
                    <div class="anli1">
                        <img src="images/anli4.jpg" alt="" width="250px" height="150px">
                        <ul>
                            <li class="contract">房产土地</li>
                            <li>甲先生与人签订了房屋买卖合同，并已支付了XXX元，但房东以各种借口不交房。
                            </li>
                            <li><a href="">详情></a></li>
                        </ul>
                    </div>

                </div>
                <div class="case_2">
                    <img src="images/bg_l9wu.jpg" alt="" width="1200px" height="200px">
                    <button><a href="#" class="more">更多</a></button>
                </div>
            </div>
        </section>
        <section class="container cf">
            <!-- 新闻动态 -->
            <div class="news">
                <div class="new">
                    <p>新闻动态 <span>TEAM</span></p>
                    <span class="more1"><a href="">更多></a></span>
                    <div class="news_1">
                        <a href="news.html"> <img src="images/year.png" alt="" width="70px">
                            <div class="news_11">
                                <h4>注册会计师成立行业党委</h4>
                                <sanp class="new_fl">因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......
                                </sanp>
                            </div>
                        </a>
                    </div>
                    <div class="news_1">
                        <a href="news.html"> <img src="images/year.png" alt="" width="70px">
                            <div class="news_11">
                                <h4>注册会计师成立行业党委</h4>
                                <sanp class="new_fl">因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......
                                </sanp>
                            </div>
                        </a>
                    </div>
                    <div class="news_1">
                        <a href="news.html"> <img src="images/year.png" alt="" width="70px">
                            <div class="news_11">
                                <h4>注册会计师成立行业党委</h4>
                                <sanp class="new_fl">因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......
                                </sanp>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
            <!-- 在线预约 -->
            <aside>
                <div class="order">
                    <div class="order_1">
                        <p>在线预约 <span>ORDER</span></p>
                    </div>
                    <form action="">
                        姓名：<input type="text" name="" id="" />
                        电话：<input type="text" name="" id="" />
                        内容：<textarea rows="5" cols="25" name="intro">
                            </textarea>
                        <button type="submit">提交</button>
                    </form>

                </div>

            </aside>
        </section>
    </section>
    <!-- 尾部 -->
    <footer>
        <main class="container">
            <div class="foot_1">
                <img src="images/logo2.png" alt="" width="60px">
                <p>XXXXX律师事务所</p>
            </div>
            <div class="foot_2">
                <p>电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com</p>
                <p>地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </div>
            <div class="foot_3">
                <img src="images/lxfs.png" alt="" width="60px">
                <p>扫一扫<br />关注微信号</p>
            </div>
        </main>
    </footer>
	<script  src='js/toTop.js'></script>
</body>

</html>